<template>
  <view>
    <!-- <view class="cu-card article no-card">
      <view
        style="border-bottom: #e2e2e2 0.5upx solid;"
        class="cu-item shadow"
        @click="goDetailPage(index)"
        v-for="(item,index) in item"
        :key="index"
      >
        <navigator :url="`/pagesB/activitiesDetail/index?id=${this.item.id}`">
          <view class="title">
            <text class="text-cut" style="font-size: 120%;margin-left: 5upx;">{{item.title}}</text>
          </view>
          <view class="content">
            <image :src="item.imgUrl" />
            <view class="content">
              <view class="text-content">{{item.desc}}</view>
            </view>
            <view class="cu-tag bg-red light round" v-if="item.hot==1">热门</view>
          </view>
        </navigator>
      </view>
    </view> -->

    <view class="cu-card article no-card">
      <view
        class="cu-item shadow"
        @click="goDetailPage(item.id)"
        v-for="(item,index) in list"
        :key="index"
      >
        <view class="title">
          <view class="text-cut" style="padding: 8rpx 0;">{{item.title}}</view>
        </view>
        <view class="content">
          <image :src="item.imgUrl" mode="aspectFill" />
          <view class="desc">
            <view class="text-content">{{item.desc}}</view>
            <view>
              <view class="cu-tag bg-red light sm round">{{item.type}}类别</view>
              <view class="cu-tag bg-green light sm round">{{item.createTime}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>

export default {
  props: {
    list: Array
  },
  methods:{
    goDetailPage(id){
      console.log(id);
      
      uni.navigateTo({
        url:"/pagesB/activitiesDetail/index?id="+id
      })
    }
  }
};
</script>

<style>
</style>